﻿@{
    ViewBag.Title = "Kỳ báo cáo";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
    List<SelectListItem> allyear = new List<SelectListItem>();
    List<SelectListItem> allyearnew = new List<SelectListItem>();
    int year = DateTime.Now.Year;
    for (int i = year + 1; i >= 2010; i--)
    {
        allyear.Add(new SelectListItem
        {
            Value = i.ToString(),
            Text = i.ToString()
        });
        if (i < year + 1)
        {
            allyearnew.Add(new SelectListItem
            {
                Value = i.ToString(),
                Text = i.ToString()
            });
        }
    }


}
<style>
    legend a {
        color: inherit;
    }

    legend.legendStyle {
        padding-left: 5px;
        padding-right: 5px;
    }

    fieldset.fsStyle {
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        border: 1px solid #999999;
        padding: 4px;
        margin: 5px;
    }

    legend.legendStyle {
        font-size: 90%;
        color: #888888;
        background-color: transparent;
        font-weight: bold;
    }

    legend {
        width: auto;
        border-bottom: 0px;
    }
</style>
<script>
    @functions{
           public string GetAntiForgeryToken()
           {
               string cookieToken, formToken;
               AntiForgery.GetTokens(null, out cookieToken, out formToken);
               return cookieToken + "," + formToken;
           }
       }
</script>
<link href="~/Content/standard_form_nhaplieu.css" rel="stylesheet" />
<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.maskedinput.js")"></script>
@Html.AntiForgeryToken()
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">@ViewBag.CurrentMenuName</a>
        </li>
    </ul>
</div>
<div class="row margin-bottom-20">
    <div class="col-md-6">
        <div class="row">
            @Html.Label("Chọn năm kế hoạch", new { @class = "col-md-5", id = "lb1" })
            <div class="col-md-7">
                @Html.DropDownList("Namlapbc", allyear, new { id = "Namlapbc", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
        <div class="row">


        </div>
    </div>

    <div class="col-md-3">
        <button type="button" class="btn btn-sm btn-primary" id="OpenGiuanam" style=" margin-bottom: 5px; cursor:pointer; display:none;">Mở điều chỉnh giữa năm</button>
        <button type="button" class="btn btn-sm btn-danger" id="CloseGiuanam" style=" margin-bottom: 5px; cursor: pointer; display: none;">Đóng điều chỉnh giữa năm</button>
        <button type="button" class="btn btn-sm btn-default" id="Full" style=" margin-bottom: 5px; cursor: pointer; display: none;border:none;color:#cc0000;">Đã đóng điều chỉnh giữa năm</button>
        
    </div>
    <div class="col-md-3">
        <button type="button" class="btn btn-sm btn-danger" id="CloseDonvi" style=" margin-bottom: 5px; cursor: pointer; display: none;">Đóng điều chỉnh từ đơn vị</button>
        <button type="button" class="btn btn-sm btn-primary" id="OpenDonvi" style=" margin-bottom: 5px; cursor: pointer; display: none;">Mở điều chỉnh từ đơn vị</button>
    </div>
</div>
<br />
<br />
<div id="gridContent" align="center">
    <fieldset class="fsStyle">
        <legend class="legendStyle">
            <a data-toggle="collapse" data-target="#demo" href="#">Danh sách các mốc kiểm soát</a>
        </legend>
        <table class="table table-striped table-bordered table-hover dataTable no-footer" style="width:99%;">
            <thead>
                <tr class="header">
                    <th scope="col">
                        STT
                    </th>
                    <th scope="col">
                        Tên mốc kiểm soát
                    </th>
                    <th scope="col" class="hidden-480">
                        Hạn báo cáo
                    </th>
                    <th scope="col" class="hidden-480">
                        Trạng thái
                    </th>
                    <th scope="col" width="10%;">Thao tác</th>
                </tr>
            </thead>
            <tbody id="body"></tbody>
        </table>
    </fieldset>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="color: white;background-color: #428bca;border-color: #357ebd;">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Tạo mới mốc kiểm soát</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">
                        <label>Tên mốc kiểm soát</label>
                    </div>
                    <div class="col-md-8">
                        <input type="text" class="form-control" id="txtname" />
                    </div>
                </div>
                <br />
                <div class="row">
                    <div class="col-md-4">
                        <label>Hạn báo cáo</label>
                    </div>
                    <div class="col-md-8">
                        <input type="text" class="form-control" id="txthanbaocao" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4" style="margin-top: 3%;margin-left: -1%;">
                        <input type="checkbox" id="default" />
                        <label>Khởi tạo mặc định</label>
                    </div>
                    <div class="col-md-8">

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="Update" class="btn btn-primary">Thêm mới</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Hủy bỏ</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModalUpdate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:70%">
        <div class="modal-content">
            <div class="modal-header" style="color: white;background-color: #428bca;border-color: #357ebd;">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Danh sách các đơn vị chưa nộp báo cáo !</h4>
            </div>
            <div class="modal-body">
                <div style="float:left;width:49%">


                    <table id="dsdv" class="table table-striped table-bordered table-hover dataTable no-footer" style="width:99%;">
                        <thead>
                            <tr class="header">
                                <th scope="col" style="width:10%">
                                    STT
                                </th>
                                <th scope="col">
                                    Tên đơn vị chưa nộp báo cáo
                                </th>
                            </tr>
                        </thead>
                        <tbody id="dsbody"></tbody>
                    </table>
                </div>
                <div style="float: right; width: 49%">
                    <table id="dsban" class="table table-striped table-bordered table-hover dataTable no-footer" style="width:99%;">
                        <thead>
                            <tr class="header">
                                <th scope="col" style="width:10%">
                                    STT
                                </th>
                                <th scope="col">
                                    Tên ban/đơn vị chưa duyệt báo cáo
                                </th>
                            </tr>
                        </thead>
                        <tbody id="dsbodyd"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer" style="clear:both">
                <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
            </div>
        </div>
    </div>
</div>
<script src="@Url.Content("~/Scripts/DHQG/Kybaocao.js?v=ddd")" type="text/javascript"></script>
<script>
    $(function () {
        var initData = {
            VerificationToken: "@GetAntiForgeryToken()",
            InsertUpdateNamkehoach: "@Url.Action("InsertUpdateNamkehoach", "Kehoachnam")",
            InsertMockiemsoatDefault: "@Url.Action("InsertMockiemsoatDefault", "Kehoachnam")",
            DeleteNamkehoach: "@Url.Action("DeleteNamkehoach", "Kehoachnam")",
            GetNamkehoachbyID: "@Url.Action("GetNamkehoachbyID", "Kehoachnam")",
            InsertMockiemsoat: "@Url.Action("InsertMockiemsoat", "Kehoachnam")",
            GetMockiemsoatbyID: "@Url.Action("GetMockiemsoatbyID", "Kehoachnam")",
            GetMockiemsoatID: "@Url.Action("GetMockiemsoatID", "Kehoachnam")",
            DLETEMockiemsoat: "@Url.Action("DLETEMockiemsoat", "Kehoachnam")",
            Getallyear: "@ViewBag.Getallyear",
            GetallNamkehoach: "@Url.Action("GetallNamkehoach", "Kehoachnam")",
            CheckChotbyMocKS: "@Url.Action("CheckChotbyMocKS", "Kehoachnam")",
            CheckChotbyMocKSban: "@Url.Action("CheckChotbyMocKSban", "Kehoachnam")",
            UpdateMockiemsoat: '@Url.Action("UpdateMockiemsoat", "Kehoachnam")',
            UpdateNamkehoach: "@Url.Action("UpdateNamkehoach", "Kehoachnam")",
            ChotDieuChinhGiuaNam: "@Url.Action("ChotDieuChinhGiuaNam", "Kehoachnam")",
            CloseOpenNamkh:"@Url.Action("CloseOpenNamkh", "Kehoachnam")"
        };
        Kybaocao.init(initData);
    });
</script>
<script>
    function datePicker() {
        var option = {
            //dayNamesMin: ["CN", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
            dayNamesMin: ["CN", "2", "T3", "T4", "T5", "T6", "T7"],
            monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5",
                "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
            dateFormat: "dd/mm/yy",
            onSelect: function (selectedDate) {
                //alert(selectedDate);

            }
        };

        $("#Hanbaocao").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#Hanbaocao").datepicker(option);
        $("#txthanbaocao").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#txthanbaocao").datepicker(option);
        $("#txthanbaocaoupdate").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#txthanbaocaoupdate").datepicker(option);
    }
    $(document).ready(function () {
        datePicker();
    })

</script>